import $ from 'jQuery';
(function () {
    let $vue = new Vue({
        el: '.groups-plan-hook',
        data: {
        },
        methods: {
            goBack:function () {
                M.Page.emitPrePage();
            },
            updatePlan:function () {
                layer.open({
                    type: 1,
                    title: '批量修改照明策略',
                    shadeClose: true,//是否点击遮罩关闭
                    resize: false,//是否允许拉伸
                    move: false,//禁止拖拽
                    shade: 0.4,
                    area: '450px',
                    skin: 'layui-layer-rim',
                    content: $('.updatePlan'),
                    btn: ['确认', '取消'],
                    success: function () {//层弹出后的成功回调方法
                        modal.initDate("startdate1","enddate1");
                    },
                    yes: function(index, layero){//确定按钮回调方法
                        var form = $('.updatePlan-form-hook').serializeJson();
                        console.log(form);
                        layer.close(index);
                    }
                })
            }
        },
        created: function () {
            /*IOT.getServerData(URI.REPORT.WORK_ORDER.INFO_CHAR.CHAR, {}, (ret) => {
                if (ret.code === 200) {
                    this.account = $.extend({}, this.account, ret.data);
                    this.drawLine();
                    this.drawLine2();
                } else {
                    IOT.tips(ret.message || '服务器请求失败，稍后再试！', 'error');
                }
            });*/
            //initFullCalendar();
        },
        mounted: function () {
            initFullCalendar();
            this.$nextTick(() => {
            });
        }
    });
})();

function initFullCalendar(){
    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',            //上一页、下一页、今天
            center: 'title myCustomButton',     //居中：时间范围区间标题
            right:''
        },
        contentHeight:660,
        /*viewDisplay: function (view) {
         //动态把数据查出，按照月份动态查询
         var viewStart = $.fullCalendar.formatDate(view.start, "yyyy-MM-dd HH:mm:ss");
         var viewEnd = $.fullCalendar.formatDate(view.end, "yyyy-MM-dd HH:mm:ss");
         $("#calendar").fullCalendar('removeEvents');//通过post请求一般处理程序来返回需要展现的信息(start与end为需要传递的参数，在本文中没有用到可以忽略)
         $.post("../DateHandle/ViewData.ashx", { start: viewStart, end: viewEnd }, function (data) {
         var resultCollection = jQuery.parseJSON(data);
         $.each(resultCollection, function (index, term) {
         $("#calendar").fullCalendar('renderEvent', term, true);
         });
         }); //把从后台取出的数据进行封装以后在页面上以fullCalendar的方式进行显示
         },*/
        eventMouseover : function( event ) {
            console.log(event.title);
        },
        dayClick: function (date, allDay, jsEvent, view) {
            var events = $('#calendar').fullCalendar('clientEvents', function(event) {
                var eventStart = event.start.format('YYYY-MM-DD');
                var eventEnd = event.end ? event.end.format('YYYY-MM-DD') : null;
                var theDate = date.format('YYYY-MM-DD');
                //确保事件从开始或在日期开始，然后结束
                //没有结束日期的事件指定（null）结束日期，所以检查是否开始=日期
                return (eventStart <= theDate && (eventEnd >= theDate) && !(eventStart < theDate && (eventEnd == theDate))) || (eventStart == theDate && (eventEnd === null));
            });
            console.log('鼠标单击'+ date.format());//获取触发的日期
            console.log(events[0].title);
        },
        /*events: function(start,end,timezone, callback) {//事件数据
            var date = this.getDate().format('YYYY-MM');//当前年月
            $.ajax({
                url: 'demo1.json',
                dataType: 'json',
                data: {
                    date: date  //传参
                },
                success: function(json) { //获取当前月的数据
                    var events = [];
                    $(json.data).each(function() {
                        events.push({
                            id: $(this).attr('id'),
                            title: "开灯：" + $(this).attr('title'),
                            start: $(this).attr('start'),
                            endTime: "关灯：" + $(this).attr('endTime')
                        });
                    });
                    callback(events);
                },
                error: function() {
                    alert("服务器错误！");
                }
            });
        },
        eventRender: function(event, element) {
            element.append(event.endTime);
        }*/
        events: [
            {
                title: '照明策略A',
                start: '2018-03-27'
            },
            {
                title: '照明策略A',
                start: '2018-03-17'
            }
        ]
    });
}
